<%@ page language="java" contentType="text/html; charset=UTF-8"%>


<!---------------------------------------头部模块复用------------------------------------------>
<%@ include file="/res/FrontPage/PartialPageReferences/head.jsp" %>

<title>存取款查询</title>

<script type="text/javascript">
	var num=0;
	function showCustomer(str)
	{
	var xmlhttp;    
	if (str=="")
	  {
	  document.getElementById("biaogexianshikuang").innerHTML="";
	  return;
	  }
	if (window.XMLHttpRequest)
	  {// code for IE7+, Firefox, Chrome, Opera, Safari
	  xmlhttp=new XMLHttpRequest();
	  }
	else
	  {// code for IE6, IE5
	  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	  }
	xmlhttp.onreadystatechange=function()
	  {
	  if (xmlhttp.readyState==4 && xmlhttp.status==200)
	    {
	    document.getElementById("biaogexianshikuang").innerHTML=xmlhttp.responseText;
	    }
	  }
	var str0 = "";
	for(var i = 1; i <= num; i++){
		var str = "";
		var str1=document.getElementById("xvanzechaxunkuang"+i);
		if(str1.value=="money"){
			var str2=document.getElementById("money0");
		 	var str3=document.getElementById("money1");
		 	var str4 = str2.value;
		 	var str5 = str3.value;
		 	if(str3.value=="MAX"){
		 		str5 = '2100000000';
		 	}
		 	str = ' and ' + str1.value + ' between ' + str4 + ' and ' + str5;
		}
		else if(str1.value=='style'){
		 	var str2=document.getElementById("style0"+i);
		 	str = ' and ' + str1.value + ' = ' + '\'' + str2.value + '\'';
		}
		else if(str1.value=='date'){
		 	var str2=document.getElementById("n0");
		 	var str3=document.getElementById("y0");
		 	var str4=document.getElementById("r0");
		 	var str5=document.getElementById("s0");
		 	var str6=document.getElementById("f0");
		 	var str7=document.getElementById("m0");
		 	
		 	var str8=document.getElementById("n1");
		 	var str9=document.getElementById("y1");
		 	var str10=document.getElementById("r1");
		 	var str11=document.getElementById("s1");
		 	var str12=document.getElementById("f1");
		 	var str13=document.getElementById("m1");
		}
		else if(str1.value=='yue'){
		 	var str2=document.getElementById("yue0");
		 	var str3=document.getElementById("yue1");
		 	var str4 = str2.value;
		 	var str5 = str3.value;
		 	if(str3.value=="MAX"){
		 		str5 = '2100000000';
		 	}
		 	str = ' and ' + str1.value + ' between ' + str4 + ' and ' + str5;
		}
		str0+=str;
		//alert(str0);
	}
	xmlhttp.open("GET","/Bank/CunQvkuanchaxun.do?q="+str0,true);
	decodeURIComponent();
	xmlhttp.overrideMimeType("text/html;charset=utf-8");
	xmlhttp.send();
	}
	
	function showchaxunkuang(str,i)//显示查询框-------------------------------------------------------------
	{
	var xmlhttp;
	if (str=="")
	  {
	  document.getElementById("chaxunkuang"+i).innerHTML="";
	  return;
	  }
	if (window.XMLHttpRequest)
	  {// code for IE7+, Firefox, Chrome, Opera, Safari
	  xmlhttp=new XMLHttpRequest();
	  }
	else
	  {// code for IE6, IE5
	  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	  }
	xmlhttp.onreadystatechange=function()
	  {
	  if (xmlhttp.readyState==4 && xmlhttp.status==200)
	    {
	    document.getElementById("chaxunkuang"+i).innerHTML=xmlhttp.responseText;
	    }
	  }
	document.getElementById("null"+i).style.display="none";
	xmlhttp.open("GET","/Bank/ChaXunkuang.do?q="+str+"&a="+i,true);
	decodeURIComponent();
	xmlhttp.overrideMimeType("text/html;charset=utf-8");
	xmlhttp.send();
	}
	
	function tianjiachaxuntiaojian()//显示查询条件-----------------------------------------------------
	{
		num++;
		var xmlhttp;
		if (window.XMLHttpRequest)
		{// code for IE7+, Firefox, Chrome, Opera, Safari
			xmlhttp=new XMLHttpRequest();
		}
		else
		{// code for IE6, IE5
			xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
		}
		xmlhttp.onreadystatechange=function()
		{
			if (xmlhttp.readyState==4 && xmlhttp.status==200)
		    {
		    	document.getElementById("chaxuntiaojian").innerHTML=xmlhttp.responseText;
		    }
		}
		xmlhttp.open("GET","/Bank/ChaXunTiaoJian.do?a="+num,true);
		decodeURIComponent();
		xmlhttp.overrideMimeType("text/html;charset=utf-8");
		xmlhttp.send();
	}
</script>

<!-- -----------------------------------正文开始--------------------------------------- -->
<% if(session.getAttribute("users") == null){ %>
<script type="text/javascript">
	alert("请先登录哦~~~");
	window.location="/Bank/WebPage/FrontPage/index.jsp";
</script>
<%}else{ %>
<section class="contact_page">
    <div class="container">
        <div class="row">
            <div class="col-sm-6 col-sm-offset-3 m-t-50">
                <h2 class="underline heading">存取款信息查询</h2>
                <p class="text-center">在这里可以查看自己的存取款的详细信息</p>
            </div>
        </div>
        <!-- -----------------------------------存取款信息查询开始----------------------------------- -->
		<div class="row">
			<option selected="selected" disabled="disabled"  style='display: none' value=''></option>
			<div class="col-xs-12 col-sm-6 section-top-30 wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.2s">
                <div class="row contact_border">
                    <div class="contact_form">
                        <div class="form">
                        	<div class="col-xs-12">
                        		<h4 class="heading_left">请选择查询条件</h4>
                        		<button type="button" class="btn btn-success" onclick='tianjiachaxuntiaojian()'>点击添加查询条件</button>
                        	</div>
	                        <div id='chaxuntiaojian'></div>
                        </div>
                    </div>
                </div>
            </div>
                <div class="col-xs-12 col-sm-6 section-top-30 wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.2s">
                	<div id="biaogexianshikuang">表格</div>
                </div>
            </div>
        </div>
		<!-- -----------------------------------存取款信息查询结束----------------------------------- -->
        <div class="row section-top-25">
            <div class="col-xs-12">
                <div class="map"></div>
            </div>
        </div>
    </div>
</section>
<%} %>
<!-- -----------------------------------正文结束--------------------------------------- -->

<!------------尾部顶端的两个角------------>
<div class="shape section-top-50"></div>
<!-----------------------------尾部页面复用------------------------------------->

<%@ include file="/res/FrontPage/PartialPageReferences/foot.jsp" %>